<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/登录界面.css">
</head>

<body>
    <nav>
        <img src="./img/作业2/logo.png" alt="" class="logo">
        <ul>
            <li><a href="">导航1</a></li>
            <li><a href="">导航2</a></li>
            <li><a href="">导航3</a></li>
            <li><a href="">导航4</a></li>
            <li><a href="">导航5</a></li>
            <img src="./img/作业2/denglu.png" alt="" class="denglu">
            <img src="./img/作业2/zhuce.png" alt="" class="zhuce">
            <img src="./img/作业2/lingdang.png" alt="" class="lingdang">
            <img src="./img/作业2/xiaoxi.png" alt="" class="xiaoxi">
            <div class="bigbox">
                <img src="./img/作业2/head2.png" alt="" class="head2">
                <div class="xlk">
                    <div class="p1">
                        <p>个人主页</p>
                    </div>
                    <div class="p2">
                        <p>个人设置</p>
                    </div>
                    <div class="p3">
                        <p>账户中心</p>
                    </div>
                    <div class="p4">
                        <p>退出登录</p>
                    </div>
                </div>
            </div>
        </ul>
    </nav>
    <section>

        <!-- 大盒子 -->
        <div class="dhz">
            <div class="dh">
                <span class="zhdl">
                    <a href="./账号登录.html">账号登录</a>
                    <span class="zczh">
                        <a href="./账号注册.html">账号注册</a>
            </div>
            <form action="">
                <!-- 账号 -->
                <div class="zh">
                    账号
                    <div><input type="text" name="" id="" placeholder="手机/邮箱"></div>
                </div>
                <!-- 密码 -->
                <div class="mm">
                    密码
                    <div>
                        <input type="password" placeholder="请输入密码">
                    </div>
                    错误信息
                </div>
                <!-- 记住密码 -->
                <div class="jzmm">
                    <input type="checkbox" id="jizhumima">
                    <label for="jizhumima">记住密码</label>
                </div>
                <!-- 登录按钮 -->
                <div class="denglu">
                    <button>登录</button>
                </div>
                <!-- 中下 -->
                <p class="zx"><span>找回密码</span>|还没有注册账号?<span>立即注册</span></p>
        </div>
        </form>
    </section>
    <footer>
        <!-- 下左边 -->
        <div class="xz">
            <p>链接组1</p>
            <p>链接组2</p>
            <p>链接组3</p>
            <p>链接组4</p>
            <p>链接组5</p>
            <p>Lorem.</p>
            <p>Lorem.</p>
            <p>Lorem.</p>
            <p>Lorem.</p>
            <p>Lorem.</p>
            <p>Vero!</p>
            <p>fugit.</p>
            <p>Omnis.</p>
            <p>Amet</p>
            <p>Perferendis.</p>
        </div>
        <!-- 下右边 -->
        <div class="yx">
            <img src="./img/作业2/logo.png" alt="">
            <img src="./img/作业2/icons.png" alt="">
        </div>
    </footer>
</body>

</html>